<template>
  <div class="bg-color-white" style="margin-top: 45px;width: 100%;">
    <div class="container flex-all-center normal-text">
      <div class="flex-between" style="width: 100%;padding: 35px 20px 38px">
        <div class="flex-column">
          <span style="font-size: 14px;color: #171920;font-weight: 700;margin-bottom: 10px">{{ '使用与帮助' }}</span>
          <span class="theme-hover" style="margin-bottom: 10px" @click="goAgreement(4)">{{ '协议与规则' }}</span>
          <span class="theme-hover" style="margin-bottom: 10px" @click="goAgreement(5)">{{ '隐私政策' }}</span>
        </div>
        <div class="flex-column">

          <span style="font-size: 14px;color: #171920;font-weight: 700;margin-bottom: 10px">{{ '建合网校' }}</span>
          <span style="margin-bottom: 10px" @click="aboutUs" class="click">{{ '关于我们' }}</span>
          <span style="margin-bottom: 10px">{{ '杭州虹合科技有限公司' }}</span>
          <span style="margin-bottom: 10px">{{ '公司地址 浙江省杭州市拱墅区联龙创鑫空间C座6层' }}</span>
          <span style="margin-bottom: 10px;color: #fff;">{{ '公司地址 浙江省杭州市拱墅区联龙创鑫空间C座6层' }}</span>
          <a style="margin-bottom: 10px" class="hover:tw-text-[#04ADDB]" target="_blank"
             href="https://beian.miit.gov.cn/#/Integrated/index">{{ '浙ICP备2021006401号-10' }}</a>
        </div>
        <div class="flex-column">
          <span style="font-size: 14px;color: #171920;font-weight: 700;margin-bottom: 10px">{{ '联系我们' }}</span>
          <span style="margin-bottom: 10px">{{ '咨询电话 13372576017' }}</span>
          <span style="margin-bottom: 10px">{{ '投诉电话 13372576017' }}</span>
          <span style="margin-bottom: 10px">{{ '工作日 8:00-22:00' }}</span>
          <span>{{ '休息日 8:00-22:00' }}</span>
        </div>
      </div>
    </div>

  </div>
</template>

<script setup>
import {reactive} from 'vue';
import {useRouter} from 'vue-router';

const router = useRouter();
const data = reactive({});

function goAgreement(id) {
  const {href} = router.resolve({
    path: "/agreement",
    query: {
      id: id,
    },
  });
  window.open(href, "_blank");
}

const aboutUs = () => {
  const {href} = router.resolve({name: 'aboutUs'});
  window.open(href, '_blank');
}
</script>

<style scoped>
.normal-text {
  font-size: 12px;
  color: #9598a2;
  font-weight: 400;
}
</style>
